<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>风险定位-答题检测</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/riskMonitoring.css" />
  </head>
  <body>
    <header class="header">
      <div class="sell"></div>
      <div class="top">
        <div class="inner">
          <img class="img" src="images/logo.png" alt="" />
          <label for="">
            <input type="text" />
            <a href="#"><img src="images/so1.png" alt=""/></a>
          </label>
          <div class="user">
            <img src="images/user.jpg" alt="" />
          </div>
          <div class="tel">
            <p>呼叫律师团<span>01-14725836</span></p>
          </div>
        </div>
        <div class="wrap">
          <div
            class="wnav"
            style="width:1200px;height:30px;margin:0 auto;position:relative"
          >
            <div class="nav">
              <ul class="href">
                <li class=""><a href="">首页</a></li>
                <li><a href="">企业服务</a></li>
                <li><a href="">云小律</a></li>
                <li><a href="">云律通媒体</a></li>
                <li><a href="">法律助手</a></li>
                <li><a href="">控制中心</a></li>
              </ul>
            </div>
          </div>
          <ol class="s_nav">
            <li class="qyfw">
              <ol class="one">
                <li>
                  <a href="#"
                    ><img src="images/qyfw1.png" alt="" />
                    <p>合同起草</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/qyfw2.png" alt="" />
                    <p>智能文书生成</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/qyfw3.png" alt="" />
                    <p>合同审查</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/qyfw4.png" alt="" />
                    <p>律师函</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/qyfw5.png" alt="" />
                    <p>诉讼仲裁</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/qyfw6.png" alt="" />
                    <p>在线法务管家</p></a
                  >
                </li>
              </ol>
              <ol class="two">
                <li>
                  <a href="#"
                    ><img src="images/qyfw7.png" alt="" />
                    <p>项目专项法律顾问</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/qyfw8.png" alt="" />
                    <p>常年法律顾问</p></a
                  >
                </li>
              </ol>
            </li>
            <li class="yxl">
              <ol class="one">
                <li>
                  <a href="#"
                    ><img src="images/yxl1.png" alt="" />
                    <p>系统通知</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/yxl2.png" alt="" />
                    <p>客服通知</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/yxl3.png" alt="" />
                    <p>在线解答</p></a
                  >
                </li>
              </ol>
            </li>
            <li class="flzs">
              <ol class="one">
                <li>
                  <a href="#"
                    ><img src="images/flzs1.png" alt="" />
                    <p>办事地点查询</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/flzs2.png" alt="" />
                    <p>利息查询</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/flzs3.png" alt="" />
                    <p>诉讼费计算</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/flzs4.png" alt="" />
                    <p>诉讼时效计算器</p></a
                  >
                </li>
              </ol>
            </li>
            <li class="kzzx">
              <ol class="one">
                <li>
                  <a href="#"
                    ><img src="images/kzzx1.png" alt="" />
                    <p>控制中心</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/kzzx2.png" alt="" />
                    <p>我的企业</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/kzzx3.png" alt="" />
                    <p>我的工单</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/kzzx4.png" alt="" />
                    <p>我的积分</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/kzzx5.png" alt="" />
                    <p>我的收藏</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/kzzx6.png" alt="" />
                    <p>账号管理</p></a
                  >
                </li>
                <li>
                  <a href="#"
                    ><img src="images/kzzx7.png" alt="" />
                    <p>帮助与反馈</p></a
                  >
                </li>
              </ol>
            </li>
          </ol>
        </div>
      </div>
      <div class="text">
        <div class="inner">
          <p>
            <span>首页</span>-<span>风险定位</span>-<span
              >劳动人事检测报告答题说明</span
            >
          </p>
        </div>
      </div>
    </header>
    <div class="content">
      <!-- 劳动人事 -->

      <div class="labour">
        <h3>劳动人事</h3>
        <p class="explain">
          说名检测文字说名检测文字说名测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名检测文字说名
        </p>
        <!-- 题目 -->

        <div class="subject">
          <div class="contents">
            <div class="cf">
              <div class="type">[单选题]</div>
              <p class="stem">
                2.问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分问题题干部分
              </p>
            </div>
            <p class="notes">注释内容</p>
            <!-- 选项 -->
            <div class="options">
              <span class="number">
                A
              </span>
              <p>
                处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项
              </p>
              <span class="tip"
                >答案的注释说明答案的注释说明答案的注释说明答案的注释说明</span
              >
            </div>

            <div class="options">
              <span class="number">
                B
              </span>
              <p>
                处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项此处为选项
              </p>
              <span class="tip"
                >答案的注释说明答案的注释说明答案的注释说明答案的注释说明</span
              >
            </div>

            <div class="options">
              <span class="number">
                C
              </span>
              <p>
                处为选项此为选项此处为选项此处为此处为选项此处为选项
              </p>
              <span class="tip"
                >答案的注释说明答案的注释说明答案的注释说明答案的注释说明</span
              >
            </div>

            <div class="options">
              <span class="number">
                D
              </span>
              <p>
                处为选项此为选项此处为选项此处为此处为选项此处为选项
              </p>
              <span class="tip"
                >答案的注释说明答案的注释说明答案的注释说明答案的注释说明</span
              >
            </div>
          </div>
        </div>
        <!-- 按钮 -->

        <div class="btn">
          下一题
        </div>

        <!-- 返回顶部 -->
        <!-- <div class="return">
          <img src="./images/riskMonitoring/return.jpg" alt="" />
        </div> -->
        <!-- <img src="./images/riskMonitoring/notesicon.jpg" alt=""> -->

        <!-- 右侧咨询 -->
        <img
          class="consultation"
          src="./images/riskMonitoring/consultation.jpg"
          alt=""
        />
      </div>
    </div>

    <footer>
      <div class="inner" style="position: relative;">
        <img class="logo" src="images/logo_footer.png" alt="" />
        <ol>
          <li><a href="">服务支持</a></li>
          <li><a href="">付费咨询</a></li>
          <li><a href="">云小律</a></li>
        </ol>
        <a href="#" class="sm">法律声明</a>
        <p>@备案号22582522</p>
      </div>
    </footer>
    <!-- 数字插件 -->
    <script src="lib/jquery-3.2.1.min.js"></script>
    <script src="lib/prefixfree.min.js"></script>
    <script src="lib/countup.js"></script>
    <script src="js/style.js"></script>

    <script src="lib/circleChart.min.js"></script>

    <script src="lib/circle-progress.js"></script>

    <script>
        // 选中状态
        $('.options').click(function(){
            // alert(1)
            
        })
    </script>
  </body>
</html>
